<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title></title>
	<script src="vue.js"></script>
</head>
<body>
	
	<div id="root">
		<select v-model="selected">
			<option v-for="option in options" v-bind:value="option.value">
				{{option.text}}
			</option>
		</select>
		<br>
		<span>selected: {{selected}}</span>
	</div>

	<script>
		var vm = new Vue({
			el: '#root',
			data: {
				selected: 'A',
				options: [
					{text: 'One', value: 'A'},
					{text: 'Two', value: 'B'},
					{text: 'Three', value: 'C'}
				]
			}
			
		})
	</script>



</body>
</html>